<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Vacation Rentals</title>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/bootstrap-theme.css" />
		<link rel="stylesheet" href="css/style.css" />
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="stylesheet" href="css/jquery-ui.css">
		<script src="js/jquery-1.10.2.js"></script>
		<script src="js/jquery-ui.js"></script>
		<script src="js/custom.js"></script>

		<script src="js/bootstrap-datepicker.js"></script>
		<script src="js/bootstrap.js"></script>
	</head>

	<body class="background-room">
		<div class="navbar navbar-default reset-navbar" role="navigation">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target=".navbar-collapse">
					<span class="sr-only">Toggle navigation</span><span
					class="icon-bar"></span><span class="icon-bar"></span><span
					class="icon-bar"></span>
				</button>
				<a class="navbar-brand reset-navbar-brand" href="#"><img src="images/logo.png" /></a>

			</div>
			<div class="collapse navbar-collapse">

				<ul class="nav navbar-nav">
					<li id="header-search">
						<i class="glyphicon glyphicon-search icon"></i>
						<input
						type="text" class="form-control" placeholder="Where are you going?"
						autocomplete="off">
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle"
						data-toggle="dropdown"> BROWSE <b class="caret"></b> </a>
						<ul class="dropdown-menu">
							<li>
								<a href="#"><i class="glyphicon glyphicon-heart"></i> Popular</a>
							</li>
							<li>
								<a href="#"><i class="glyphicon glyphicon-user"></i>Friend</a>
							</li>
							<li>
								<a href="#"><i class="glyphicon glyphicon-tint"></i>Neighborhoods</a>
							</li>
						</ul>
					</li>
				</ul>

				<ul class="nav navbar-nav navbar-right">
					<li>
						<a href="#">SIGN UP</a>
					</li>
					<li>
						<a href="#">LOG IN</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle"
						data-toggle="dropdown"> HELP <b class="caret"></b> </a>
						<ul class="dropdown-menu">
							<li>
								<a href="#">Visit the Help Center</a>
							</li>
							<li>
								<a href="#">Getting Started Guide</a>
							</li>
							<li>
								<a href="#">How do I create an account</a>
							</li>
						</ul>
					</li>
					<li>
						<button type="button" class="btn btn-default btn-sm list-your-space">
							LIST YOUR SPACE
						</button>
					</li>
				</ul>

			</div>
		</div>

		<!-- CONTENT ROOM-->
		<div id="page-content-room">
			<!-- ROW 1-->
			<div class="row">
				<div class="col-md-9">
					<h2 id="listing-name">Downtown furnished apartment</h2>
					<h5><a href="/s/Salta--Argentina?type=apartment" class="property-type text-normal">Apartment</a> - Entire home/apt · <span id="display-address" data-location="Alvarado, Salta, Salta Province, Argentina"> Alvarado, Salta, Salta Province, Argentina </span></h5>
				</div>
				<div class="col-md-3">
					6 Reviews
				</div>
			</div>
			<!-- END ROW 1-->

			<!-- ROW 2-->
			<div class="row">

				<!-- CONTENT LEFT-->
				<div class="col-md-8">

					<!-- TAB 1-->

					<div class="tab-outer">
						<ul id="myTab1" class="nav nav-tabs" role="tablist">
							<li class="active">
								<a href="#home" role="tab" data-toggle="tab">Photos</a>
							</li>
							<li class="">
								<a href="#profile" role="tab" data-toggle="tab">Maps</a>
							</li>
							<li class="">
								<a href="#calendar" role="tab" data-toggle="tab">Calendar</a>
							</li>
						</ul>
						<div id="myTabContent" class="tab-content">
							<div class="tab-pane fade active in" id="home">
								<img src="images/hinhanh3.jpg" />
							</div>
							<div class="tab-pane fade" id="profile">
								<iframe src="https://mapsengine.google.com/map/embed?mid=z2y5vwa2FFO8.klMujKs-Rz3E" class="map-custom-room"></iframe>
							</div>
							<div class="tab-pane fade" id="calendar">
								<p>
									Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
								</p>
							</div>

						</div>
					</div>
					<br>
					<div class="tab-outer">
						<ul id="myTab2" class="nav nav-tabs" role="tablist">
							<li class="active">
								<a href="#description" role="tab" data-toggle="tab">Description</a>
							</li>
							<li class="">
								<a href="#amenities" role="tab" data-toggle="tab">Amenities</a>
							</li>
						
						</ul>
						<div id="myTabContent" class="tab-content">							
							<div class="tab-pane fade active in" id="description">
								<div class="row reset-margin">
									<p><br>Here you can enjoy a clean &amp; comfortable area! <br><br>Safety, Clean &amp; Convinence is my main concern and I think this is also what you concern as a guest!</p>									
								</div>
								<div class="row reset-margin">
									<div class="col-md-7 reset-padding">
										<h4>The Space</h4>
										<p>
											Limited Special Offer!! 
											<br>
											Only $500 per night for up to 6 people!
											<br> 
											Budget Trip for big group!
										</p>
										
										<p>Here is a limited offer if you book my place within this period (now until 31 July 2014) ! Believe me, I can provide you a warm and cozy place for you to stay. :)</p>
										
										<p>Apartment : <br>
											- This is a comfortable apartment with 2 bedrooms, 1 kitchen and 1 bathroom.<br> 
											- You can find one double bed in one of the bedroom and one bunk bed in another one. Perfect for up to 6 people! :)<br> 
											- You can prepare a quick breakfast, lunch or dinner anytime as you will find the basic cookware you need in the kitchen. (Supermarket is nearby!)<br> 
											- Don’t worry about your heavy luggages. There is a lift from ground floor to the flat, so you can save your energy in order to enjoy your days in Hong Kong.</p>
										<p>You may drop me an enquiry, I will get back to you asap. ^^</p>
										<h4>Guest Access</h4>
										<p>Location : <br>
											The apartment is conveniently located in the hustle & bustle area in Kowloon surrounded by numerous tourist attractions, shopping arcades, fine restaurants and fabulous night entertainment. 
											<br>Just near the cross of Nathan Road ( which is the main thoroughfare in Kowloon and lined with shops and restaurants and throngs with tourists) and Waterloo Road.</p>
										<p>
											-5 minutes walk to Sai Yeung Choi Street South (where many shops and local shopping mall are on both side)<br> 
											-5 minutes walk to Woman Street/ Ladies Market ( a famous place where you can buy budget clothings and soft goods)<br> 
											-6 minutes walk to Langham Place (the most popular and biggest shopping mall in Mongkok!) <br>
											-6 minutes walk to Mongkok Computer Shopping Center <br>
											-6 minutes walk to Sneaker Street <br>
											-8 minutes walk to Tample Street										</p>
										<p>You can find various restauran from resonable prices to fine dining nearby. Everyday you have many choices for your meal!M<br> 
											Of course, if you wanna make a quick meal yourself, you can buy the ingredients in the supermarkets nearby! <br>
											- Just downstairs you can find a supermarket opened from 8:00am to 10:00pm <br>
											- 3 minutes walk you can find a 24 hour opening supermarket!</p>
										
										<p>Here you can enjoy a quiet but accessible place. You do not need to suffer from the noise of the popular street, but you can still access to the popular attraction within 8 minutes!<br> 
											That's also the reason I like to stay here :)</p>
										<p>Transportation: <br>
											- 2 minutes walk to Yau Ma Tei MTR station (Exit B2). - Near Sheration Hotel.<br>  
											- 6 minutes walk to Mongkok MTR station (Exit E1 or Exit C4 via Langham Place)</p>
											
										<p>- 45 minutes take A21 direct express bus from HK airport to my place.  (Drop at Man Ming Lane, Nathan Road)<br> 
											- 40 minutes take Airport Express train from HK airport to my place. (Drop at Yau Ma Tei MTR Station)</p>
										<p>I will try my best to pick you up at the location where you drop!</p>
										
										<h4>Interaction with Guests</h4>
										
									</div>
									<div class="col-md-5">
										<table class="table">
											<thead>
												<th>Room type:</th>
												<th>Entire home/apt</th>
											</thead>
											<tbody>
												<tr class="active">
													<td>Accommodates:</td>
													<td>6</td>
												</tr>
												<tr>
													<td>Bedrooms:</td>
													<td>2</td>
												</tr>
												<tr class="active">
													<td>Bathrooms:</td>
													<td>3</td>
												</tr>
												<tr>
													<td>Beds:</td>
													<td>2</td>
												</tr>
												<tr class="active">
													<td>Extra people::</td>
													<td>₫547017 / night after 4 guests</td>
												</tr>
												<tr>
													<td>Monthly Price:</td>
													<td>₫51966658 /month</td>
												</tr>
												<tr class="active">
													<td>Cleaning Fee:</td>
													<td>₫820526</td>
												</tr>
												<tr>
													<td>Check In:</td>
													<td>3:00 PM</td>
												</tr>
												<tr class="active">
													<td>Check Out:</td>
													<td>12:00 PM (noon)</td>
												</tr>
												<tr>
													<td>Country:</td>
													<td>Viet Nam</td>
												</tr>
												<tr class="active">
													<td>City:</td>
													<td>TP HCM</td>
												</tr>
												
											</tbody>
										</table>
									</div>
								</div>
							</div>
							<div class="tab-pane fade" id="amenities">
								<div class="row reset-margin">
									<div class="col-md-4">
										<br>
									<p><i style="padding-right: 10px;" class="glyphicon glyphicon-ok"></i> Kitchen <i style="padding-left: 10px;" class="glyphicon glyphicon-question-sign"></i></p>
									<p style="padding-left: 29px;">Internet</p>
									<p><i style="padding-right: 10px;" class="glyphicon glyphicon-ok"></i> TV </p>
									<p><i style="padding-right: 10px;" class="glyphicon glyphicon-ok"></i> Essentials <i style="padding-left: 10px;" class="glyphicon glyphicon-question-sign"></i></p>
									<p><i style="padding-right: 10px;" class="glyphicon glyphicon-ok"></i>  Shampoo</i></p>		
									<p><i style="padding-right: 10px;" class="glyphicon glyphicon-ok"></i> Heating <i style="padding-left: 10px;" class="glyphicon glyphicon-question-sign"></i></p>								
									<p><i style="padding-right: 10px;" class="glyphicon glyphicon-ok"></i>   Air Conditioning</i></p>
									</div>
									<div class="col-md-4">a</div>
									<div class="col-md-4">a</div>
								</div>
							</div>

						</div>
					</div>
					<br>
					<div class="tab-outer">
						<ul id="myTab3" class="nav nav-tabs" role="tablist">
							<li class="active">
								<a href="#reviews" role="tab" data-toggle="tab">Reviews(0)</a>
							</li>
							<li class="">
								<a href="#friends" role="tab" data-toggle="tab">Friends(0)</a>
							</li>
						
						</ul>
						<div id="myTabContent" class="tab-content">
							<div class="tab-pane fade" id="home">
								<img src="images/hinhanh3.jpg" />
							</div>
							<div class="tab-pane fade active in" id="reviews">
								<p>There are no reviews to show</p>
							</div>
							<div class="tab-pane fade" id="friends">
								<p>
									There are no reviews to show
								</p>
							</div>

						</div>
					</div>

				</div>
				<!--END CONTENT LEFT-->

				<!-- CONTENT RIGHT-->
				<div class="col-md-4">
					<div id="book_it">
						<p>From</p>		
						<h1>₫55091482</h1>
						<div class="dropdown">
							<button class="btn btn-default dropdown-toggle dropdow-bottom" type="button" id="dropdownMenu1" data-toggle="dropdown">
								English
								<span class="caret"></span>
							</button>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="#">Suomi</a>
								</li>
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="#">Magyar</a>
								</li>
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="#">Polski</a>
								</li>
							</ul>
						</div>		
						<div class="row reset-margin">
							<div class="col-md-7 reset-padding">
								<div class="col-md-6 reset-padding">
									<label>Check in</label>
									<br>
									<input type="date" id="checkin" />
								</div>
								<div class="col-md-6 reset-padding">
									<label>Check out</label>
									<br>
									<input type="date" id="checkout" />
								</div>
							</div>
							<div class="col-md-4 reset-padding">
								<label>Check out</label>
									<br>
								<div class="dropdown">
									<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
										English
										<span class="caret"></span>
									</button>
									<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
										<li role="presentation">
											<a role="menuitem" tabindex="-1" href="#">Suomi</a>
										</li>
										<li role="presentation">
											<a role="menuitem" tabindex="-1" href="#">Magyar</a>
										</li>
										<li role="presentation">
											<a role="menuitem" tabindex="-1" href="#">Polski</a>
										</li>
									</ul>
								</div>		
							</div>
						</div>
					</div>
					<div id="book_it_status">
						<button type="button" class="btn btn-default btn-sm request_to_book">
							Request to Book
						</button>
					</div>
				</div>
				<!-- END CONTENT RIGHT-->

			</div>
			<!-- END ROW 2-->
		</div>
		<!-- END CONTENT ROOM-->
		<div id="footer">
			<div class="page-container">
				<div class="row">
					<div class="col-md-3">
						<div class="dropdown">
							<button class="btn btn-default dropdown-toggle dropdow-bottom" type="button" id="dropdownMenu1" data-toggle="dropdown">
								English
								<span class="caret"></span>
							</button>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="#">Suomi</a>
								</li>
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="#">Magyar</a>
								</li>
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="#">Polski</a>
								</li>
							</ul>
						</div>

						<div class="dropdown">
							<button class="btn btn-default dropdown-toggle dropdow-bottom" type="button" id="dropdownMenu1" data-toggle="dropdown">
								VND
								<span class="caret"></span>
							</button>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="#">USD</a>
								</li>
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="#">TKI</a>
								</li>
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="#">TRY</a>
								</li>

							</ul>
						</div>
					</div>
					<div class="col-md-3">
						<h5>Company</h5>

						<a href="#">About</a>
						<br>
						<a href="#">Jobs</a>
						<br>
						<a href="#">Press</a>
						<br>
						<a href="#">Blog</a>
						<br>
						<a href="#">Help</a>
						<br>
						<a href="#">Policies</a>
						<br>
						<a href="#">Disaster Response</a>
						<br>
						<a href="#">Terms &amp; Privacy</a>
						<br>
					</div>
					<div class="col-md-3">

						<h5>Discover</h5>

						<a href="#">Trust &amp; Safety</a>
						<br>
						<a href="#">Airbnb Picks</a>
						<br>
						<a href="#">Mobile</a>
						<br>
						<a href="#">Support NYC</a>
						<br>
						<a href="#">Site Map</a>

					</div>
					<div class="col-md-3">
						<h5>Hosting</h5>

						<a href="#">Why Host</a>
						<br>
						<a href="#">Hospitality</a>
						<br>
						<a href="#">Responsible Hosting</a>
						<br>
						<a href="#">Stories</a>
						<br>

					</div>
				</div>
			</div>
		</div>

	</body>
</html>
